<div class="docs-component-viewer">
  <nav mat-tab-nav-bar class="docs-component-viewer-tabbed-content"
       aria-label="Documentation Sections"
       id="component-viewer"
       focusOnNavigation >
    <a mat-tab-link class="docs-component-viewer-section-tab"
        *ngFor="let section of sections"
        [routerLink]="section.toLowerCase()"
        routerLinkActive #rla="routerLinkActive"
        [active]="rla.isActive">{{section}}</a>
  </nav>

  <div class="docs-component-viewer-content">
    <router-outlet></router-outlet>
  </div>
</div>
